/*首页思路分析 

1.a标签点击高亮(排他)
2.网页嵌套功能（a标签+iframe标签）
3.初始化数据
4.退出功能
5.搜索功能(做完整个项目,最后大家课后自行实现：根据学号搜索学员)
*/

/* 1.点击侧边栏 ：样式排他
需求 ：选中二级li里面的a标签 */

//  选中伪数组，forEach遍历
document.querySelectorAll('.nav>li>ul>li>a').forEach(item => {
  //  给每一个a注册点击事件
  item.addEventListener('click', function () {
    //  类名排他
    document.querySelector('li .active').classList.remove('active')
    this.classList.add('active')
  })
})

/* 2.网页嵌套功能（a标签+iframe标签）
    不需要写js
    (1) 给iframe标签设置name属性
    (2) 设置a标签的target为iframe的name属性 ：点击a标签，就会在iframe标签打开herf网页 */

//  3.初始化数据
document.querySelector('.init').addEventListener('click', () => {
  //  所有的接口都需要在请求透中发送token
  /* let mytoken = localStorage.getItem('mytoken') */
  axios({
    url: '/init/data',
    method: 'get',
    //  设置请求头
    /* headers: {
      'Authorization': mytoken
    } */
  }).then(res => {
    //  成功回调
    console.log(res)
    //  判断初始化成功
    if (res.data.code === 0) {
      Toast.success(res.data.message)
      //  刷新页面
      location.reload()
    } else {
      Toast.success(res.data.message)
    }
  })
})

//  4.退出功能
document.querySelector('.logout').addEventListener('click', () => {
  // confirm('确认要退出登录吗？')
  //  退出弹出对话框，确认退出返回登录页
  if (confirm('确认要退出登录吗？') == true) {
    //  退出时清除token
    localStorage.removeItem('mytoken')
    //  返回登录页
    location.href = 'login.html'
  }
})